.productFunction{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.productFunction>.productFunctionItem{
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.productFunction>.productFunctionItem:nth-of-type(n+6){
	margin-top: 80px;
}
.productFunction>.productFunctionItem>div{
	/* width: 60%; */
	width: 80px;
	height: auto;
	overflow: hidden;
}
.productFunction>.productFunctionItem>div>img{
	width: 100%;
}
.productFunction>.productFunctionItem>span{
	padding-top: 20px;
	font-size: 20px;
}

/** *************** serve *************** */
.serveTwo{
	display: none;
}

.serveItem{
	width: 100%;
	height: 560px;
}
.serveItem:nth-of-type(2n+1){
	background-color: #EFEDED;
}
.serveItem:nth-of-type(1),
.serveItem:nth-of-type(4){
	width: 100%;
	height: 500px;
}
.serveItem .serveItemContent{
	height: 560px;
	position: relative;
	/* display: flex;
	align-items: center;
	justify-content: space-between; */
}
.serveItem:nth-of-type(1) .serveItemContent{
	height: 100%;
	position: relative;
	/* display: flex;
	align-items: center;
	justify-content: space-between; */
}
.serveItem .serveItemImgBox{
	/* width: 480px; */
	/* height: 100%; */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
}
.serveItem:nth-of-type(2n+1) .serveItemImgBox{
	left: 0;
}
.serveItem:nth-of-type(2n) .serveItemImgBox{
	right: 0;
}
/* .serveItem .serveItemImg{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
} */
.serveItem:nth-of-type(1) .serveItemImg{
	width: 480px;
}
.serveItem:nth-of-type(2) .serveItemImg{
	width: 390px;
}
.serveItem:nth-of-type(3) .serveItemImg{
	width: 470px;
}
.serveItem:nth-of-type(4) .serveItemImg{
	width: 280px;
}

.serveItem .serveItemText{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.serveItem:nth-of-type(2n+1) .serveItemText{
	right: 0;
	text-align: right;
}
.serveItem:nth-of-type(2n) .serveItemText{
	left: 0;
	text-align: left;
}

.serveItem .serveItemName{
	font-size: 30px;
	/* font-weight: bold; */
}

.serveItem .serveItemExplain,
.serveItem .serveItemSketch,
.serveItemSketchText,
.serveItemPrice{
	font-size: 18px;
	/* font-weight: bold; */
	/* line-height: 72px; */
}
.serveItemSketchItemTitle,
.serveItemSketchTitle{
	font-size: 30px;
	color: #1D74C0;
}
.serveItemSketchItemTitle{
	/* font-size: 48px; */
	/* font-weight: bold; */
}

.serveItemSketchTitle{
	margin-top: 40px;
	/* font-size: 56px; */
	/* font-weight: bold; */
}
.serveItem .serveItemExplain{
	white-space: nowrap;
}

.serveItem .serveItemSketch span{
	display: inline-block;
	margin-top: 40px;
	margin-left: 26px;
	border: 4px solid #1D74C0;
	padding: 0 24px;
	/* font-size: 38px; */
	/* font-weight: bold; */
	line-height: 42px;
}
.serveItemSketchBox{
	margin-top: 48px;
	display: flex;
	align-items: center;
}
.serveItemSketchBox .serveItemSketchItem:nth-of-type(2){
	margin-left: 40px;
}

.serveItemPrice{
	width: 100px;
	height: 40px;
	display: inline-block;
	margin: 30px 0 25px;
	border-radius: 10px;
	background-color: #1D74C0;
	/* font-size: 42px; */
	color: #000;
	text-align: center;
	line-height: 40px;
}
.serveItemSketchText{
	/* font-size: 36px; */
	/* white-space: pre-wrap; */
	color: #333;
	/* font-weight: bold; */
}

/** *************** media *************** */
@media (max-width: 1279px) {
	.productFunction>.productFunctionItem:nth-of-type(n+6){
		margin-top: 60px;
	}
	.productFunction>.productFunctionItem>span{
		padding-top: 15px;
		/* font-size: 32px; */
	}
	
	/** *************** serve *************** */
	/* .serveItem{} */
	.serveItem:nth-of-type(1) .serveItemImg{
		width: 400px;
	}
	.serveItem:nth-of-type(2) .serveItemImg{
		width: 310px;
	}
	.serveItem:nth-of-type(3) .serveItemImg{
		width: 410px;
	}
	.serveItem:nth-of-type(4) .serveItemImg{
		width: 250px;
	}
	.serveItem .serveItemSketch span{
		margin-top: 27px;
		margin-left: 24px;
		border-width: 3px;
		padding: 0 16px;
		/* font-size: 26px; */
		line-height: 38px;
	}
	.serveItemSketchBox{
		margin-top: 34px;
	}
	.serveItemSketchItemTitle{
		/* font-size: 34px; */
	}
	.serveItemPrice{
		width: 100px;
		height: 50px;
		margin: 15px 0 10px;
		border-radius: 18px;
		/* font-size: 30px; */
		line-height: 50px;
	}
	.serveItemSketchTitle{
		margin-top: 20px;
		/* font-size: 44px; */
	}
	.serveItemSketchText{
		/* font-size: 24px; */
	}
}

@media (max-width: 991px) {
	.productFunction>.productFunctionItem:nth-of-type(n+6){
		margin-top: 40px;
	}
	.productFunction>.productFunctionItem>span{
		/* font-size: 26px; */
	}
	
	/** *************** serve *************** */
	.serveItem{
		height: 400px;
	}
	.serveItem:nth-of-type(1),
	.serveItem:nth-of-type(4){
		height: 360px;
	}
	.serveItem .serveItemContent{
		height: 400px;
	}
	.serveItem:nth-of-type(1) .serveItemImg{
		width: 350px;
	}
	.serveItem:nth-of-type(2) .serveItemImg{
		width: 280px;
	}
	.serveItem:nth-of-type(3) .serveItemImg{
		width: 345px;
	}
	.serveItem:nth-of-type(4) .serveItemImg{
		width: 175px;
	}
	.serveItemText>.serveItemName{
		/* font-size: 32px; */
	}
	.serveItemText>.serveItemExplain{
		font-size: 16px;
	}
	.serveItem .serveItemSketch span{
		margin-top: 20px;
		border-width: 2px;
		padding: 0 12px;
		line-height: 32px;
		font-size: 16px;
	}
	.serveItemPrice{
		width: 80px;
		height: 40px;
		margin: 10px 0 8px;
		border-radius: 15px;
		line-height: 40px;
	}
	.serveItemSketchItemTitle{
		font-size: 26px;
	}
	.serveItemSketchText{
		font-size: 16px;
	}
	.serveItemPrice{
		font-size: 16px;
	}
	.serveItemSketchTitle{
		font-size: 26px;
	}
}
	
@media (max-width: 767px) {
	.productFunction>.productFunctionItem>span{
		font-size: 18px;
	}
	
	.serveItem{
		height: 300px;
	}
	.serveItem:nth-of-type(1),
	.serveItem:nth-of-type(4){
		height: 250px;
	}
	.serveItem .serveItemContent{
		height: 300px;
	}
	.serveItem:nth-of-type(1) .serveItemImg{
		width: 320px;
	}
	.serveItem:nth-of-type(2) .serveItemImg{
		width: 260px;
	}
	.serveItem:nth-of-type(3) .serveItemImg{
		width: 290px;
	}
	.serveItem:nth-of-type(4) .serveItemImg{
		width: 160px;
	}
}
@media (max-width: 640px) {
	.serveItem{
		height: 230px;
	}
	.serveItem:nth-of-type(1),
	.serveItem:nth-of-type(4){
		height: 200px;
	}
	.serveItem .serveItemContent{
		height: 230px;
	}
	.serveItem:nth-of-type(1) .serveItemImg{
		width: 220px;
	}
	.serveItem:nth-of-type(2) .serveItemImg{
		width: 180px;
	}
	.serveItem:nth-of-type(3) .serveItemImg{
		width: 200px;
	}
	.serveItem:nth-of-type(4) .serveItemImg{
		width: 110px;
	}
	.serveItem .serveItemSketch span{
		margin-top: 15px;
		/* margin-left: 24px; */
		border-width: 2px;
		padding: 0 12px;
		/* font-size: 26px; */
		line-height: 28px;
	}
	.serveItemSketchBox{
		margin-top: 20px;
	}
	.serveItemPrice{
		width: 100px;
		height: 32px;
		margin: 8px 0 6px;
		border-radius: 12px;
		/* font-size: 30px; */
		line-height: 32px;
	}
	.serveItemSketchTitle{
		margin-top: 14px;
	}
	
}
@media (max-width: 480px) {
	.productFunction>.productFunctionItem:nth-of-type(n+6) {
	    margin-top: 25px;
	}
	.productFunction>.productFunctionItem>div{
		width: 48px;
	}
	.productFunction>.productFunctionItem>span{
		padding-top: 8px;
		font-size: 14px;
	}
	
	.serveBox{
		display: none;
	}

	.serveTwo{
		display: block;
	}
	.serveTwoItem{
		padding: 20px 0;
	}
	.serveTwoItem:nth-of-type(2n+1){
		background-color: #EFEDED;
	}
	.serveTwoImgBox{
		width: 100%;
		height: 140px;
		margin-bottom: 15px;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.serveTwoImgBox>img{
		max-width: 100%;
		max-height: 100%;
	}
	.serveTwoContent{
		text-align: center;
	}
	.serveTwoTitle{
		font-size: 24px;
		padding: 6px;
	}
	/* .serveTwoContent>p{
		font-size: 16px;
	} */
	.serveTwoItem1>span{
		display: inline-block;
		margin-top: 16px;
		border: 2px solid #1D74C0;
		padding: 0 6px;
	}
	.serveTwoItem1>span:first-of-type{
		margin-right: 16px;
	}
	
	/* .serveTwoItem2{
		display: flex;
	}
	.serveTwoItem2_item:first-of-type{
		margin-right: 20px;
	} */
	.serveTwoItem2_itemTitle{
		margin-top: 10px;
		font-size: 20px;
		color: #1D74C0;
	}
	
	.serveTwoItem3_price>span{
		display: inline-block;
		width: 100px;
		height: 32px;
		margin: 8px 0 6px;
		border-radius: 12px;
		background:#1D74C0;
		font-size: 16px;
		color: #000;
		line-height: 32px;
	}
	
	.serveTwoItem4_Title{
		margin-top: 10px;
		font-size: 20px;
		color: #1D74C0;
	}
}
